<template>
	<header class="login-header">
		<div class="container">
			<h1 class="logo">
				<RouterLink to="/">小兔鲜</RouterLink>
			</h1>
			<h3 class="sub">
				<slot></slot>
			</h3>
			<router-link class="entry" to="/">
				进入网站首页
				<i class="iconfont icon-angle-right"></i>
				<i class="iconfont icon-angle-right"></i>
			</router-link>
		</div>
	</header>
</template>

<script>
	export default {

	}
</script>

<style lang="less" scoped>
	.login-header {
		background: #fff;
		border-bottom: 1px solid #e4e4e4;

		.container {
			display: flex;
			align-items: flex-end;
			justify-content: space-between;
		}

		.logo {
			width: 200px;

			a {
				display: block;
				height: 132px;
				width: 100%;
				text-indent: -9999px;
				background: url(@/assets/images/logo.png) no-repeat center 18px / contain;
			}
		}

		.sub {
			flex: 1;
			font-size: 24px;
			font-weight: normal;
			margin-bottom: 38px;
			margin-left: 20px;
			color: #666;
		}

		.entry {
			width: 120px;
			margin-bottom: 38px;
			font-size: 16px;


			i {
				font-size: 14px;
				color: @xtxColor;
				letter-spacing: -5px;
			}

		}
	}
</style>
